<!DOCTYPE html>
<html lang="en-us" ng-app="alumnus">
	<head>
		<meta charset="utf-8">
		<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->

		<title> SmartAdmin </title>
		<meta name="description" content="">
		<meta name="author" content="">

		<!-- Use the correct meta names below for your web application
			 Ref: http://davidbcalhoun.com/2010/viewport-metatag 
			 
		<meta name="HandheldFriendly" content="True">
		<meta name="MobileOptimized" content="320">-->
		
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<!-- Basic Styles -->
		<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" media="screen" href="css/font-awesome.min.css">

		<!-- SmartAdmin Styles : Please note (smartadmin-production.css) was created using LESS variables -->
		<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-production.css">
		<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-skins.css">

		<!-- SmartAdmin RTL Support is under construction
		<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-rtl.css"> -->

		<!-- We recommend you use "your_style.css" to override SmartAdmin
		specific styles this will also ensure you retrain your customization
		with each SmartAdmin update.
		<link rel="stylesheet" type="text/css" media="screen" href="css/demo.css"> -->

		<!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
		<link rel="stylesheet" type="text/css" media="screen" href="css/demo.css">

		<!-- FAVICONS -->
		<link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon">
		<link rel="icon" href="img/favicon/favicon.ico" type="image/x-icon">

		<!-- GOOGLE FONT -->
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700">

	</head>
	<body>
		<!-- possible classes: minified, fixed-ribbon, fixed-header, fixed-width-->

		<!-- MAIN PANEL -->
		<div id="main" role="main">

			<!-- MAIN CONTENT -->
			<div id="content">
				
				<!-- widget grid -->
				<section id="widget-grid" class="">
				
					<!-- row -->
					<div class="row">
				
						<!-- NEW WIDGET START -->
						<article ng-controller="findIndexController">


							<div class="jarviswidget jarviswidget-color-blueDark">
								<header>
									<span class="widget-icon"> <i class="fa fa-filter"></i> </span>
									<h2>查询</h2>
								</header>
								<div>
									<div class="widget-body">
										<div class="col-md-12">
											<label>Query</label>
										</div>
										<div class="col-md-6">
											<input class="form-control" ng-model="query"  type="text">
										</div>
										<div class="col-md-4">
											
										</div>
										<div class="col-md-4">
											<button type="button" class="btn btn-link" tabindex="-1">高级查询</button>
											<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
											    视图  <span class="caret"></span>
											</button>
											<ul class="dropdown-menu" role="menu">
											    <li class="dropdown-submenu">
											    	<a href="#">View Action 1</a> 
													<ul class="dropdown-menu">
											      		<li><button type="button" class="btn btn-link" tabindex="-1">编辑</button></li>
											    	</ul>
											    </li>
											    <li class="dropdown-submenu">
											    	<a href="#">View Action 2  </a>
											    	<ul class="dropdown-menu">
											      		<li><button type="button" class="btn btn-link" tabindex="-1">高级查询</button></li>
											    	</ul>
											    </li>
											    <li class="dropdown-submenu">
											    	<a href="#">View Action 3</a>
											    	<ul class="dropdown-menu">
											      		<li><a href="#">Edit</a></li>
											    	</ul>
											    </li>
											    <li class="divider"></li>
											    <li><a href="#">添加视图</a></li>
									
											</ul>
										</div>
									</div>
								</div>
							</div>

							<!-- Widget ID (each widget will need unique ID)-->
							<div class="jarviswidget jarviswidget-color-blueDark" id="wid-id-2">
								<header>
									<span class="widget-icon"> <i class="fa fa-table"></i> </span>
									<h2>查询结果</h2>
								</header>
				
								<!-- widget div-->
								<div>
				
									<!-- widget edit box -->
									<div class="jarviswidget-editbox">
										<!-- This area used as dropdown edit box -->
				
									</div>
									<!-- end widget edit box -->
				
									<!-- widget content -->
									<div class="widget-body no-padding">
										<div class="widget-body-toolbar">
											<div class="btn-group">
												<button type="button" class="btn btn-default" ng-click="filterClick('grander')">  性别</button>
												<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
												   <span class="caret"></span>
												</button>
												<ul class="dropdown-menu" role="menu">
													<li><a href="#" ng-click="filterClick('grander','man')">男</a></li>
													<li><a href="#" ng-click="filterClick('grander','women')">女</a></li>
												</ul>
											</div>

											<div class="btn-group">
												<button type="button" class="btn btn-default" ng-click="filterClick('live')">  在世</button>
												<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
												   <span class="caret"></span>
												</button>
							
												<ul class="dropdown-menu" role="menu">
													<li><a href="#"  ng-click="filterClick('live' , '是')">是</a></li>
													<li><a href="#" ng-click="filterClick('live' , '否')">否</a></li>
												</ul>
											</div>


											<div class="btn-group">
												 <button type="button" class="btn btn-default"  ng-click="filterClick('state')">认证状态</button>
												 <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
												    <span class="caret"></span>
												  </button>
												<ul class="dropdown-menu" role="menu">
													<li><a href="#"  ng-click="filterClick('state' , '已认证')">已认证</a></li>
													<li><a href="#"  ng-click="filterClick('state' , '未认证')">未认证</a></li>
												</ul>
											</div>

										</div>
										<result></result>
									</div>
									<!-- end widget content -->
				
								</div>
								<!-- end widget div -->
				
							</div>
							<!-- end widget -->
				
						</article>
						<!-- WIDGET END -->
				
					</div>
				
					<!-- end row -->
				
				</section>
				<!-- end widget grid -->

			</div>
			<!-- END MAIN CONTENT -->

		</div>
		<!-- END MAIN PANEL -->

		<!--================================================== -->



		<!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)-->
		<script data-pace-options='{ "restartOnRequestAfter": true }' src="js/plugin/pace/pace.min.js"></script>

		<!-- JS TOUCH : include this plugin for mobile drag / drop touch events
		<script src="js/plugin/jquery-touch/jquery.ui.touch-punch.min.js"></script> -->

		<script src="js/libs/jquery-2.0.2.min.js"></script>
		<script src="js/libs/jquery-ui-1.10.3.min.js"></script>
		<!-- BOOTSTRAP JS -->
		<script src="js/bootstrap/bootstrap.min.js"></script>

		<!-- CUSTOM NOTIFICATION -->
		<script src="js/notification/SmartNotification.min.js"></script>

		<!-- JARVIS WIDGETS -->
		<script src="js/smartwidgets/jarvis.widget.min.js"></script>

		<!-- EASY PIE CHARTS -->
		<script src="js/plugin/easy-pie-chart/jquery.easy-pie-chart.min.js"></script>

		<!-- SPARKLINES -->
		<script src="js/plugin/sparkline/jquery.sparkline.min.js"></script>

		<!-- JQUERY VALIDATE -->
		<script src="js/plugin/jquery-validate/jquery.validate.min.js"></script>

		<!-- JQUERY MASKED INPUT -->
		<script src="js/plugin/masked-input/jquery.maskedinput.min.js"></script>

		<!-- JQUERY SELECT2 INPUT -->
		<script src="js/plugin/select2/select2.min.js"></script>

		<!-- JQUERY UI + Bootstrap Slider -->
		<script src="js/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>

		<!-- browser msie issue fix -->
		<script src="js/plugin/msie-fix/jquery.mb.browser.min.js"></script>

		<!-- SmartClick: For mobile devices -->
		<script src="js/plugin/smartclick/smartclick.js"></script>

		<!--[if IE 7]>

		<h1>Your browser is out of date, please update your browser by going to www.microsoft.com/download</h1>

		<![endif]-->

		<!-- PAGE RELATED PLUGIN(S) -->
		<script src="js/plugin/datatables/jquery.dataTables-cust.min.js"></script>
		<script src="js/plugin/datatables/ColReorder.min.js"></script>
		<script src="js/plugin/datatables/FixedColumns.min.js"></script>
		<script src="js/plugin/datatables/ColVis.min.js"></script>
		<script src="js/plugin/datatables/ZeroClipboard.js"></script>
		<script src="js/plugin/datatables/media/js/TableTools.min.js"></script>
		<script src="js/plugin/datatables/DT_bootstrap.js"></script>

		<script type="text/javascript" src="js/angular/angular.min.js"></script>
		<script type="text/javascript" src="js/angular-ng-result.js"></script>
		<script type="text/javascript" src="js/app.js"></script>
	</body>

</html>